<template>
  <div>
    <!-- 卡片视图 -->
    <el-card>
      <!-- 提示区域：alert组件，:closable="false"移除原有的关闭叉叉按钮 -->
      <el-alert title="添加商品信息" type="info" center show-icon :closable="false"></el-alert>
      <!-- 步骤条区域：用到了Element-UI的Steps进度条组件 -->
      <el-steps :space="200" :active="activeIndex-0" finish-status="success" align-center>
        <el-step title="基本信息"></el-step>
        <el-step title="商品参数"></el-step>
        <el-step title="商品属性"></el-step>
        <el-step title="商品图片"></el-step>
        <el-step title="商品内容"></el-step>
        <el-step title="完成"></el-step>
      </el-steps>
    </el-card>
  </div>
</template>

<script>
  export default {
    name: "GoodDetail",
    data() {
      return {
        activeIndex: 0,
      }
    },
    created() {},
    methods: {}

  }

</script>

<style>
  .el-steps {
    margin: 15px 0;
  }

  .el-step__title {
    font-size: 13px;
  }

</style>
